<template>
  <div class="goods-con-box">
    <div v-if="$store.state.buyTicket.carTicketSumList.length" class="goods-con-tit">
      <span class="actualPrice-dev">
        <span style="font-size: 12px;">¥</span>
        <span>{{ $store.state.buyTicket.actualPrice }}</span>
      </span>
      <a v-if="$store.state.buyTicket.actualPrice!=$store.state.buyTicket.totalPrice " href="javascript:void(0);" class="originalPrice-dev">
        <a style="font-size: 12px;" href="javascript:void(0);">¥</a>
        <a href="javascript:void(0);"> {{ $store.state.buyTicket.totalPrice }}</a>
      </a>
    </div>
    <div v-else class="goods-con-tit">
      未选购票
    </div>
    <div class="goods-con-con">
      {{ $store.state.buyTicket.carTicketSumList.length?`已经选购${$store.state.buyTicket.carTicketSumList.length}张`:`每笔订单最多可以选购${$store.state.buyTicket.limitNum}张票` }}
    </div>
  </div>
</template>
<style scoped>
.actualPrice-dev > span {
  font-size: 30px;
  color: #ebecec;
}
.originalPrice-dev > a {
  text-decoration: line-through;
  opacity: 0.4;
  font-size: 30px;
  color: #ebecec;
}
</style>
